// sidebar
$menuText:#515a6e;
$menuActiveText:#1890ff;
$subMenuActiveText:#1890ff;
$menuBg:#ffffff;
$menuHover:#fff;
$subMenuActiveBg:#e6f7ff;
$sideBarWidth: 210px;
$sideLogoBg:#fff;
// the :export directive is the magic sauce for webpack
// https://www.bluematador.com/blog/how-to-share-variables-between-js-and-sass
:export {
    menuText: $menuText;
    menuActiveText: $menuActiveText;
    subMenuActiveText: $subMenuActiveText;
    menuBg: $menuBg;
    menuHover: $menuHover;
    subMenuActiveBg: $subMenuActiveBg;
    sideBarWidth: $sideBarWidth;
    sideLogoBg: $sideLogoBg;
}